<template>
  <div id="my-project">
    <search :placeholder="'搜索我的项目...'"></search>
    <myProjectItem
        :project-name="'项目 #01'"/>
    <myProjectItem
        :project-name="'项目 #02'"/>
    <myProjectItem
        :project-name="'项目 #03'"/>
    <div class="more">更多... 总计: 20 未加载: 19</div>
  </div>
</template>

<script>
import myProjectItem from "@/components/molecule/userhome/atom/my-project-item.vue"
import search from "@/components/molecule/userhome/atom/search.vue"

export default {
  name: "my-project",
  components: {
    myProjectItem, search
  }
}
</script>

<style scoped lang="less">


.more {
  background-color: #F5F5F5;
  cursor: pointer;
  transition: .9s;
  padding: 5px 20px 5px;

  &:hover {
    background-color: #8c8b8b;
    color: whitesmoke;
    padding-left: 50px;

  }
}

</style>